<template>
  <div>
    <!-- el-checkbox 的 label属性是该 checkbox 对应的值，若该标签中无内容，则该属性也充当 checkbox 按钮后的介绍。 -->
    <!-- label与数组中的元素值相对应，如果存在指定的值则为选中状态，否则为不选中。 -->
    <!--  v-model 绑定值  -->
    <el-checkbox-group v-model="checkList">
      <el-checkbox label=" A"> 复选框 A </el-checkbox>
      <el-checkbox label="B"> 复选框 B </el-checkbox>
      <el-checkbox label="复选框 C" />
      <el-checkbox label="禁用" disabled />
      <el-checkbox label="选中且禁用" disabled />
    </el-checkbox-group>
  </div>
</template>
<script>
export default {
  data() {
    return {
      checkList: ['选中且禁用', 'A']
    }
  }
}
</script>

<style>

</style>
